<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="小米网页.css" />
		<link rel="stylesheet" href="../../../../bin/com/situ/BootstrapDoem/lib/bootstrap-3.3.7-dist/css/bootstrap.css" />
		<script type="text/javascript" src="../../../../bin/com/situ/BootstrapDoem/jquery/jquery-1.11.1.js" ></script>
		<script type="text/javascript" src="../../../../bin/com/situ/BootstrapDoem/lib/bootstrap-3.3.7-dist/js/bootstrap.js" ></script>
	</head>
	<body>
			<!--顶部图片-->
			<div class="top">
			<a href="https://www.baidu.com/"><img class="img" src="img/最顶部.png" /></a>
			</div>
			<!--导航栏-->
			<div class="daohang">
				<!--第1块-->
				<div class="daohang1"></div>
				<!--第2块-->
				<div class="daohang2">
					<ul>
					<li><a href="https://www.baidu.com/">小米商城</a></li>
					<li><a href="https://www.baidu.com/">MIUI</a></li>
					<li><a href="https://www.baidu.com/">IOT</a></li>
					<li><a href="https://www.baidu.com/">云服务</a></li>
					<li><a href="https://www.baidu.com/">金融</a></li>
					<li><a href="https://www.baidu.com/">有品</a></li>
					<li><a href="https://www.baidu.com/">小爱开放平台</a></li>
					<li><a href="https://www.baidu.com/">政企服务</a></li>
					<li><a href="https://www.baidu.com/">Select Region</a></li>
					</ul>
				</div>
				<!--第3块-->
				<div class="daohang3"></div>
				<!--第4块-->
				<div class="daohang4">
					<ul>
						<li><a href="https://www.baidu.com/">登陆</a></li>
						<li><a href="https://www.baidu.com/">注册</a> </li>
						<li><a href="https://www.baidu.com/">消息通知</a> </li>
						<li class="gouwuche">
							<a href="https://www.baidu.com/">
							<input type="button" value="购物车 (10)" />
							</a> 
						</li>
					</ul>
				</div>
				<!--第5块-->
				<div class="daohang5"></div>
			</div>
			
			<!--主页-->
			<div class="boss">
			<!--搜索栏-->
		    <div class="sousuo">
		    	<!--logo-->
		    	<div class="logo">
		    		<a href="https://www.baidu.com/"><img src="img/Snipaste_2018-08-18_10-14-03.png" /></a>
		    	</div>
		    	<!--分类-->
		    	<div class="chanpin">
		    		<ul>
						<li><a href="https://www.baidu.com/">小米手机</a></li>
						<li><a href="https://www.baidu.com/">红米</a></li>
						<li><a href="https://www.baidu.com/">电视</a></li>
						<li><a href="https://www.baidu.com/">笔记本</a></li>
						<li><a href="https://www.baidu.com/">空调</a></li>
						<li><a href="https://www.baidu.com/">新品</a></li>
						<li><a href="https://www.baidu.com/">路由器</a></li>
						<li><a href="https://www.baidu.com/">智能硬件</a></li>
						<li><a href="https://www.baidu.com/">服务</a></li>
						<li><a href="https://www.baidu.com/">社区</a></li>
					</ul>
		    	</div>
		    	<!--搜索-->
		    	<div class="fangdajing">
		    		<form class="navbar-form navbar-left" role="search">
					  <div class="form-group">
					   <input type="text" class="form-control" placeholder="小米Note3">
					  </div>
					  <button type="submit" class="btn btn-default">搜索</button>
					</form>
		    	</div>
		    </div>
		    <!--巨幕-->
		    <div class="jumu">
		    	<!--左-->
		    	<div class="jumu1">
		    		<ul>
		    			<li><a href="https://www.baidu.com/">手机 电话卡</a></li>
		    			<li><a href="https://www.baidu.com/">电视 盒子</a></li>
		    			<li><a href="https://www.baidu.com/">笔记本 平板</a></li>
		    			<li><a href="https://www.baidu.com/">家电 插线板</a></li>
		    			<li><a href="https://www.baidu.com/">出行 穿戴</a></li>
		    			<li><a href="https://www.baidu.com/">智能 路由器</a></li>
		    			<li><a href="https://www.baidu.com/">电源 配件</a></li>
		    			<li><a href="https://www.baidu.com/">个户 儿童</a></li>
		    			<li><a href="https://www.baidu.com/">耳机 音箱</a></li>
		    			<li><a href="https://www.baidu.com/">生活 箱包</a></li>
		    		</ul>
		    	</div>
		    	<!--右-->
		    	<div class="jumu2">
		    		<a href="https://www.baidu.com/"><img src="img/Snipaste_2018-08-18_14-37-29.png" /> </a>
		    	</div>
		    </div>
		    
		    
		    <!--选购手机整体-->
		    <div class="Fma">
		    	<!--F码部分-->
		    	<div class="Fma1">
		    		<a href="https://www.baidu.com/"><input type="button" value="选购手机" /></a>
		    		<a href="https://www.baidu.com/"><input type="button" value="企业团购" /></a>
		    		<a href="https://www.baidu.com/"><input type="button" value="F码通道" /></a>
		    		<a href="https://www.baidu.com/"><input type="button" value="不限量卡" /></a>
		    		<a href="https://www.baidu.com/"><input type="button" value="以旧换新" /></a>
		    		<a href="https://www.baidu.com/"><input type="button" value="花费充值" /></a>
		    	</div>
		    	<!--MIX2S-->
		    	<div class="Fma2">
		    		<a href="https://www.baidu.com/"><img src="img/2s.jpg" /> </a>
		    	</div>
		    	<!--红米6A-->
		    	<div class="Fma3">
		    		<a href="https://www.baidu.com/"><img src="img/红米6.jpg" /> </a>
		    	</div>
		    	<!--净化器-->
		    	<div class="Fma4">
		    		<a href="https://www.baidu.com/"><img src="img/净水器.jpg" /> </a>
		    	</div>
		    </div>
		    
		    <!--小米闪购-->
		    <!--闪购整体-->
		    <div class="shangou">
		    	<!--闪购的字-->
		    	<div class="shangou1">
		    	<p style="font-size: 23px ;">小米闪购</p>	
		    	</div>
		    	<!--闪购的内容-->
		    	<div class="shangou2">
		    			<div class="shangou21"><img src="img/闪购.png" /></div>
		    			<div class="shangou22"><img src="img/闪购1.png" /></div>
		    			<div class="shangou23"><img src="img/闪购2.png" /></div>
		    			<div class="shangou24"><img src="img/闪购3.png" /></div>
		    			<div class="shangou25"><img src="img/闪购4.png" /></div>
		    	</div>
		    </div>
		    
		    <!--长条-->
		    <div class="changtiao"><img src="img/长体.png" /> </div>
		    
		    <!--家电-->
		    <!--整体-->
		    <div class="jiadian">
		    	<!--字头左\右-->
		    	<div class="jiadian11"><p style="font-size: 23px ;">家电</p></div>
		    	<div class="jiadian12">
		    		<p style="font-size: 18px ;">
		    			热门&nbsp;&nbsp;&nbsp;&nbsp;电视影音&nbsp;&nbsp;&nbsp;&nbsp;电脑&nbsp;&nbsp;&nbsp;&nbsp;家居
		    		</p>
		    	</div>
		    	<!--第一行-->
		    	<div class="jiadian2">
		    		<div class="jiadian21"><img src="img/家电1.png"/> </div>
		    		<div class="jiadian22"><img src="img/家电2.png"/></div>
		    		<div class="jiadian23"><img src="img/家电3.png"/></div>
		    		<div class="jiadian24"><img src="img/家电4.png"/></div>
		    		<div class="jiadian25"><img src="img/家电5.png"/></div>
		    	</div>
		    	<!--第二行-->
		    	<div class="jiadian3">
		    		<div class="jiadian31"><img src="img/家电6.png"/> </div>
		    		<div class="jiadian32"><img src="img/家电7.png"/></div>
		    		<div class="jiadian33"><img src="img/家电8.png"/></div>
		    		<div class="jiadian34"><img src="img/家电9.png"/></div>
		    		<div class="jiadian35">
		    			<div class="jiadian351"><img src="img/家电10.png" /> </div>
		    			<div class="jiadian352"><img src="img/家电11.png" /> </div>
		    		</div>
		    	</div>
		    </div>
		    
		    <!--长条-->
		     <div class="changtiao2"><img src="img/长条2.png" /> </div>
		     
		     <!--内容-->
		<div class="neirong">
			<div class="neirong1"><p style="font-size: 23px ;">内容</p></div>
			<div class="neirong2">
				<div class="neirong21"><img src="img/内容1.png" /></div>
				<div class="neirong22"><img src="img/内容2.png" /></div>
				<div class="neirong23"><img src="img/内容3.png" /></div>
				<div class="neirong24"><img src="img/内容4.png" /></div>
			</div>
		</div>
		</div>
		
		<!--尾部-->
		<div class="weibu">
			<ul>
				<li><p style="font-size:18px;" >预约维修服务</p></li>
				<li><p style="font-size:18px;" >7天无理由退货</p></li>
				<li><p style="font-size:18px;" >15天免费换货</p></li>
				<li><p style="font-size:18px;" >满150元包邮</p></li>
				<li><p style="font-size:18px;" >520余家售后网点</p></li>
			</ul>
		</div>
		<hr />
		
		<!--结束-->
		<div class="end">
			<div class="end1">
				<ul class="end11">
					<li><p style="font-size: 20px;" >帮助中心</p></li>
					<li><p>账户管理</p></li>
					<li><p>购物指南</p></li>
					<li><p>订单中心</p></li>
				</ul>
				<ul	class="end12">
					<li><p style="font-size: 20px;">服务中心</p></li>
					<li><p>账户管理</p></li>
					<li><p>购物指南</p></li>
					<li><p>订单中心</p></li>
				</ul>
				<ul	class="end13">
					<li><p style="font-size: 20px;">线下门店</p></li>
					<li><p>账户管理</p></li>
					<li><p>购物指南</p></li>
					<li><p>订单中心</p></li>
				</ul>
				<ul	class="end14">
					<li><p style="font-size: 20px;">关于小米</p></li>
					<li><p>账户管理</p></li>
					<li><p>购物指南</p></li>
					<li><p>订单中心</p></li>
				</ul>
				<ul	class="end15">
					<li><p style="font-size: 20px;">关注我们</p></li>
					<li><p>账户管理</p></li>
					<li><p>购物指南</p></li>
					<li><p>订单中心</p></li>
				</ul>
				<ul	class="end15">
					<li><p style="font-size: 20px;">特色服务</p></li>
					<li><p>账户管理</p></li>
					<li><p>购物指南</p></li>
					<li><p>订单中心</p></li>
				</ul>
			</div>
			<div class="end2">
				<img src="img/客服.png" />
			</div>
		</div>
		<hr />
		<!--结束-->
		<div class="js">
			<img src="img/GGG.png" />
		</div>
		
		<!--固定栏-->
		<div class="gd"  >
			<div class="gd1"><p style="font-size: 16px;" >个人中心</p></div>
			<div class="gd2"><p style="font-size: 16px;">联系客服</p></div>
			<div class="gd3"><p style="font-size: 16px;">购物车</p></div>
			<div class="gd4"><p style="font-size: 16px;"><a href="#">回顶部</a> </p></div>
		</div>
	</body>
</html>
